* {
  box-sizing: border-box
}

.container {
  width: 100%;
  position: relative;
  height: 100%;
}

.head-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;

  div {
    position: absolute;
    right: 1.5625rem;
    font-size: 30px;
  }

  span {
    font-size: 18px;
    color: #323232;
  }

  img {
    width: .6875rem;
    height: auto;
    position: absolute;
    left: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

.header {
  width: 100%;
  max-height: 7%;
  background: #fff;
}

.walletBox {
  width: 100%;

  .wallet-block {
    margin: 0 auto;
    &:nth-child(odd) {
      background: url(/static/img/blue_bg.png) no-repeat;
      background-size: 100% 100%;
    }

    &:nth-child(even) {
      background: url(/static/img/red_bg.png) no-repeat;
      background-size: 100% 100%;
    }

    width: 21.875rem;
    height: 12.1875rem;
    position: relative;

    .top {
      margin-left: 1.75rem;
      padding-top: 1.5rem;

      .name {
        display: flex;
        align-items: center;

        img {
          width: 1.625rem;
          margin-right: .5625rem;
        }

        span {
          color: #fff;
          font-size: 1.125rem;
          font-weight: bold;
        }
      }

      .address {
        color: #fff;
        font-size: .8125rem;
        margin-top: .125rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        width: 10.4375rem;
        margin-left: 2.1875rem;
      }
    }

    .ether {
      position: absolute;
      bottom: 1.625rem;
      color: #fff;
      font-size: 2.25rem;
      margin-left: 3.75rem;

      span {
        font-size: 12px;
      }
    }
  }
}
.found {
  margin: 1.375rem auto 1rem;
  width: 16.375rem;
  height: 3.4375rem;
  background: rgba(173, 197, 255, 1);
  box-shadow: 0px 0.3125rem 0.5625rem 0.1875rem rgba(28, 49, 220, 0.22);
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.found img {
  margin-right: 0.5625rem;
  width: 1.625rem;
}

.import-walet {
  margin: 0 auto 1rem;
  width: 16.375rem;
  height: 3.4375rem;
  background: #7496E8;
  box-shadow: 0px 0.3125rem 0.5625rem 0.1875rem rgba(28, 49, 220, 0.22);
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.import-walet img {
  margin-right: 0.5625rem;
  width: 1.625rem;
}